        

  CSS:

    

   1. /* UcoZ Tab */   
   2. .menuBg {background:#DEE7F6 !important;}   
   3. .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}   
   4. .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}   
   5. .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}   
   6. .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}   
   7. .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}   
   8. .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;}   
   9. .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer;  }   
  10. /* ---------------- */  

 
 /* UcoZ Tab */ 
 .menuBg {background:#DEE7F6 !important;} 
 .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 
 .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;} 
 .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 
 .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;} 
 .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;} 
 .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;} 
 .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer;  } 
 /* ---------------- */

  <head>:
    

   1. <script type="text/javascript">   
   2.  // UcoZ Tab START   
   3.  function showmods(t) {   
   4.  if (t){   
   5.   document.getElementById('instMods').className='MnotActive1';   
   6.   document.getElementById('uninstMods').className='Mactive';   
   7.   document.getElementById('isInMo').style.display='none';   
   8.   document.getElementById('noInMo').style.display='';   
   9.   document.body.focus();   
  10.  } else {   
  11.   document.getElementById('instMods').className='Mactive';   
  12.   document.getElementById('uninstMods').className='MnotActive';   
  13.   document.getElementById('noInMo').style.display='none';   
  14.   document.getElementById('isInMo').style.display='';   
  15.   document.body.focus();   
  16.  }   
  17.  }   
  18.  // UcoZ Tab END   
  19.  </script>  

<script type="text/javascript"> 
 // UcoZ Tab START 
 function showmods(t) { 
 if (t){ 
  document.getElementById('instMods').className='MnotActive1'; 
  document.getElementById('uninstMods').className='Mactive'; 
  document.getElementById('isInMo').style.display='none'; 
  document.getElementById('noInMo').style.display=''; 
  document.body.focus(); 
 } else { 
  document.getElementById('instMods').className='Mactive'; 
  document.getElementById('uninstMods').className='MnotActive'; 
  document.getElementById('noInMo').style.display='none'; 
  document.getElementById('isInMo').style.display=''; 
  document.body.focus(); 
 } 
 } 
 // UcoZ Tab END 
 </script>

 :

    

   1. <div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>   
   2.  <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">   
   3.   
   4.  <div style="display:none;overflow:auto;height:250px;" id="noInMo">   
   5.  <div align="center"><!-- 2 -->   
   6.   
   7.  </div></div>   
   8.   
   9.  <div style="overflow:auto;height:250px;" id="isInMo">   
  10.  <div align="center">   
  11.  <!-- 1 -->   
  12.   
  13.  </div>   
  14.  </div>   
  15.   
  16.  </div></div></div>   
  17.   
  18.  <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>   
  19.   
  20.  <table border="0" cellpadding="0" cellspacing="0" width="100%">   
  21.  <tbody>   
  22.  <tr>   
  23.  <td width="6%"> </td>   
  24.  <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;"> 2</a></div></td>   
  25.   
  26.  <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;"> 1</a></div></td>   
  27.  <td width="7%"> </td>   
  28.  </tr>   
  29.  </tbody>   
  30.  </table>  